﻿@{
    ViewBag.Title = "Contact | Liên hệ";
    Layout = "~/Views/Shared/_LayoutHome.cshtml";
}

<link href="/Content/Css/smart-forms.css" rel="stylesheet" />

<div class="Shadown_MenuTop"></div>

<ul id="breadcrumbs-one" style="margin: 0 auto">
    <li><a href="/">
        <i class="fa fa-home" style="font-size: 15px"></i>&nbsp;Trang chủ</a>
    </li>
    <li><a class="current">Liên hệ</a></li>
</ul>

<div class="show">
    <div style="padding: 0px 10px">
        <div class="_content" style="width: 520px;">
            <div class="smart-wrap">
                <div class="smart-forms smart-container wrap-3">

                    <div class="form-header header-primary">
                        <div style="height: 15px">
                            <h4><i class="fa fa-comments"></i></h4>

                            <p id="slide-client" class="text" style="margin-top:-37px;margin-left:50px"><strong></strong><span></span></p>
                            <script type="text/javascript">if (!window.slider) var slider = {}; slider.data = [{ "id": "slide-img-1", "client": "<h4>Gửi liên hệ</h4>", "desc": "" }];</script>
                        </div>
                    </div>
                    <!-- end .form-header section -->

                    <form method="post">
                        <div class="form-body">

                            <div class="section">
                                @*<label for="names" class="field-label">Icon left + tooltip left</label>*@
                                <label for="names" class="field prepend-icon">
                                    <input type="text" name="names" id="names" class="gui-input" placeholder="Enter name...">
                                    <b class="tooltip tip-left"><em>Hey buddy! iam a left tooltip. You notice me now huh?</em></b>
                                    <label for="names" class="field-icon"><i class="fa fa-user"></i></label>
                                </label>
                            </div>
                            <!-- end section -->

                            <div class="section">
                                @*<label for="email" class="field-label">Icon right + tooltip right</label>*@
                                <label for="email" class="field append-icon">
                                    <input type="email" name="email" id="email" class="gui-input" placeholder="example@domain.com...">
                                    <b class="tooltip tip-right"><em>Hey buddy! iam a right tooltip.</em></b>
                                    <label for="email" class="field-icon"><i class="fa fa-envelope"></i></label>
                                </label>
                            </div>
                            <!-- end section -->

                            <div class="section">
                                @*<label for="telephone" class="field-label">Icon left + tooltip top left</label>*@
                                <label for="telephone" class="field prepend-icon">
                                    <input type="tel" name="telephone" id="telephone" class="gui-input" placeholder="Enter telephone or mobile...">
                                    <b class="tooltip tip-left-top"><em>Hey buddy! iam a top left tooltip. You notice me now huh?</em></b>
                                    <label for="telephone" class="field-icon"><i class="fa fa-phone-square"></i></label>
                                </label>
                            </div>
                            <!-- end section -->

                            <div class="section">
                                @*<label for="subject" class="field-label">Icon right + tooltip top right</label>*@
                                <label for="subject" class="field append-icon">
                                    <input type="text" name="subject" id="subject" class="gui-input" placeholder="Enter subject...">
                                    <b class="tooltip tip-right-top"><em>Hey buddy! iam a top right tooltip. You notice me now?</em></b>
                                    <label for="subject" class="field-icon"><i class="fa fa-flask"></i></label>
                                </label>
                            </div>
                            <!-- end section -->

                            <div class="section">
                                @*<label for="comment" class="field-label">Icon left + tooltip bottom left </label>*@
                                <label for="comment" class="field prepend-icon">
                                    <textarea class="gui-textarea" id="comment" name="comment"></textarea>
                                    <b class="tooltip tip-left-bottom"><em>Hey buddy! iam a bottom left tooltip. You notice me now?</em></b>
                                    <label for="comment" class="field-icon"><i class="fa fa-comments"></i></label>
                                    <span class="input-hint"><strong>Hint:</strong> Please enter between 80 - 300 characters.</span>
                                </label>
                            </div>
                            <!-- end section -->

                            <div class="section">
                                @*<label for="location" class="field-label">Icon right + tooltip bottom right</label>*@
                                <label for="location" class="field append-icon">
                                    <input type="text" name="location" id="location" class="gui-input" placeholder="Enter location...">
                                    <b class="tooltip tip-right-bottom"><em>Hey buddy! iam a bottom right tooltip. You notice me now?</em></b>
                                    <label for="location" class="field-icon"><i class="fa fa-map-marker"></i></label>
                                </label>
                            </div>
                            <!-- end section -->

                        </div>
                        <!-- end .form-body section -->
                        <div class="form-footer">
                            <button type="submit" class="button btn-primary">Submit</button>
                        </div>
                        <!-- end .form-footer section -->
                    </form>

                </div>
                <!-- end .smart-forms section -->
            </div>
            <!-- end .smart-wrap section -->

            <div></div>
            <!-- end section -->
        </div>
    </div>

    <div class="_right" style="width: 420px;">
    </div>

    <div class="clear"></div>
</div>


